<template>
	<view class="container">
		 <image class="beijing-image" :src="'https://www.ruanzi.net/jy/wxuser/103/images/pages/shipin2.png'" mode="aspectFit"></image>
	
	<view class="tu">
		 <image class="beijing" :src="'https://www.ruanzi.net/jy/wxuser/103/images/pages/datu.png'" mode="aspectFill"></image>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
/* 全局样式 */
.container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.beijing-image {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: -1;
}
.tu{
	width: 100%;
	height: 1460rpx;
	overflow: hidden;
	margin-top: 170rpx;
	position: relative;
	z-index: 0;
}
.beijing{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
</style>
